.section-about {
  background-color: $color-gray-light-1;
  padding: 25rem 0;
  margin-top: -20vh;
}

.section-features {
  padding: 20rem 0;
  background-image: linear-gradient(
      to right bottom,
      rgba($color-primay-light, 0.8) /* #7ed56f 透明度80%，通过vs取色板调整 */,
      rgba($color-primay-dark, 0.8) /* #28b485 透明度80% */
    ),
    url("/img/nat-4.jpg");
  background-size: cover;
  transform: skewY(-7deg);
  margin-top: -10rem;

  // 选中所有直接子元素
  & > * {
    transform: skewY(7deg);
  }
}

.seaction-tour {
  background-color: $color-gray-light-1;
  padding: 25rem 0 15rem 0;
  margin-top: -10rem;
}

.section-stories {
  padding: 15rem 0;
  position: relative;
}

.section-book {
  padding: 15rem 0;
  background: linear-gradient(
    to right bottom,
    $color-primay-light,
    $color-primay-dark
  );
}

.book {
  background: linear-gradient(
      105deg,
      rgba($color-white, 0.9) 0%,
      rgba($color-white, 0.9) 50%,
      transparent 50%
    ),
    url("/img/nat-10.jpg");
  background-size: 100%;
  border-radius: 3px;
  box-shadow: 0 1.5rem 4rem rgba($color-black, 0.15);

  height: 50rem;

  &__form {
    width: 50%;
    padding: 6rem;
  }
}
